<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #one div{
            margin-top: 10px;
        }
        #one div img{
            border: none;
        }
        #one div:nth-of-type(1) img{
            width: 20px;
            height: 15px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -499px;
            vertical-align: middle;
        }
        #one div:nth-of-type(1) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }

        #one div:nth-of-type(2) img{
            width: 20px;
            height: 15px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -499px;
            vertical-align: middle;
        }
        #one div:nth-of-type(2) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }

        #one div:nth-of-type(3) img{
            width: 20px;
            height: 15px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -499px;
            vertical-align: middle;
        }
        #one div:nth-of-type(3) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }


        #one div:nth-of-type(4) img{
            width: 21px;
            height: 17px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -548px;
            vertical-align: middle;
        }
        #one div:nth-of-type(4) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }

        #one div:nth-of-type(5) img{
            width: 21px;
            height: 17px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -548px;
            vertical-align: middle;
        }
        #one div:nth-of-type(5) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }

        #one div:nth-of-type(6) img{
            width: 21px;
            height: 17px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -548px;
            vertical-align: middle;
        }
        #one div:nth-of-type(6) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }

        #one div:nth-of-type(7) img{
            width: 21px;
            height: 17px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -548px;
            vertical-align: middle;
        }
        #one div:nth-of-type(7) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }

        #one div:nth-of-type(8) img{
            width: 21px;
            height: 17px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -548px;
            vertical-align: middle;
        }
        #one div:nth-of-type(8) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }

        #one div:nth-of-type(9) img{
            width: 21px;
            height: 17px;
            background-image: url("https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png");
            background-position: 0 -548px;
            vertical-align: middle;
        }
        #one div:nth-of-type(9) span:nth-of-type(1){
            font-weight: bold;
            color: #254065;
        }
    </style>
</head>
<body>
<div id="one">
    <div>
        <img />
        <span>投入非凡 </span><span>丨 蒋方舟妈妈不敢逼女儿谈恋爱...</span>
    </div>

    <div>
        <img />
        <span>十三游 </span><span>丨 一家文具店能开400年？日本天皇...</span>
    </div>

    <div>
        <img />
        <span>你好未来人类 </span><span>丨 华裔天才在英国爆红 虎妈...</span>
    </div>

    <div>
        <img />
        <span>萤火虫计划 </span><span>丨 回家3个月，光头战役天使拍了...</span>
    </div>

    <div>
        <img />
        <span>谷雨 </span><span>丨 空姐停飞3个月，曾月入1万5，现在...</span>
    </div>

    <div>
        <img />
        <span>体坛 </span><span>丨 15岁网球美少女颜值高过莎娃 一周...</span>
    </div>

    <div>
        <img />
        <span>认真映画 </span><span>丨 当拥有铁刘海的女明星露出了...</span>
    </div>

    <div>
        <img />
        <span>时尚圈 </span><span>丨 不能度假的遗憾，都被这条长裙...</span>
    </div>
</div>
</body>
</html>